<template>
  <a-config-provider :locale="locale" :theme="theme">
    <div id="app">
      <router-view/>
    </div>
  </a-config-provider>
</template>

<script setup lang="ts">
import { RouterView } from 'vue-router'
import { useI18nStore } from './stores'
import { storeToRefs } from 'pinia'
import { useI18n } from 'vue-i18n';
import { printANSI } from './utils/screenLog';

const i18nStore = useI18nStore();

const { lang } = storeToRefs(i18nStore);
const { getLocaleMessage } = useI18n();

const locale = Reflect.get(getLocaleMessage(lang.value), 'antLocale');

const theme = {
  token: {
    // colorPrimary: '#00b96b',
  },
}

printANSI();
</script>


<style lang="less" scoped>
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #2c3e50;
  width: 100vw !important;
  height: 100vh !important;
  overflow: hidden;
}
</style>
